<template>
  <div id="searchOrder">
    <el-form :model="searchForm" ref="searchForm">
      <el-form-item style="text-align: right;">
        <el-input
          placeholder="请输入搜索条件（订单号、下单人、手机号）"
          v-model="searchForm.conditions" style="width: 400px;">
        </el-input>
        <el-button
        style="margin-left: 10px;"
          @click="$emit('clickSearch', searchForm.conditions)"
          type="primary">
          <span class="el-icon el-icon-search"></span>
          &nbsp;搜&nbsp;索&nbsp;
          </el-button>
        <el-button
          @click.prevent="$emit('clickRefresh')" type="warning">
          <span class="el-icon el-icon-refresh"></span>
          &nbsp;刷&nbsp;新&nbsp;
        </el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'searchOrder',
  props: [],
  components: {},
  data () {
    return {
      searchForm: {
        conditions: null
      }
    }
  },
  computed: {},
  filters: {},
  watch: {
    example (val, oldVal) {
    }
  },
  methods: {
    resetSearch () {
      console.log(111)
      this.searchForm.conditions = null
    }
  }
}
</script>

<style scoped lang="scss">
</style>
